<!DOCTYPE html>
<html>
<head>
	<title>关于我们-小鹿线</title>
	<meta charset="UTF-8"/>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/about.css">
</head>
<body>
<div class="header">
	<div class="nav">
		<div class="wrap u-clearfix">
			<h1 class='u-l'><img src="images/pic_logo.png"></h1>
			<ul class='u-r u-clearfix'>
				<li><a href="index.html">首 页</a></li>
				<li><a href="">学习路线</a></li>
				<li><a href="curriculum.html">在线课程</a></li>
				<li><a href="product.html">产品中心</a></li>
				<li><a href="student.html">成功就业</a></li>
				<li class='active'><a href="about.html">关于我们</a></li>
			</ul>
		</div>
	</div>
	<div class="banner">
		<img src="images/pic_background_about.png">
	</div>
	<div class='lecturer'>
		<ul id='lecturerUl'></ul>
	</div>
</div>
<script type="text/javascript" src='js/jquery-1.11.min.js'></script>
<script>
$(function(){
	var sHtml = '';
	$.ajax({
		url:'http://39.101.217.150:8075/teachers/list',
		data:{
			page:1,
			size:10
		},
		success:function(data){
			var records = data.data.records;
			console.log(  records  )
			$.each(records,function(index,item){
				sHtml+=`<li class='u-clearfix'>
					<div class='u-l lecturer-img'><img src="${item.imgurl}"></div>
					<div class='lecturer-txt'>
						<h2>${item.name}</h2>
						<p class='lecturer-it'>${item.experience}</p>
						<p>${item.content}</p>
					</div>
				</li>`;
			})
			$('#lecturerUl').append( sHtml );
		}
	})
})
</script>
</body>
</html>